<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>劳务派遣服务 - 日本公司CMS</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container">
            <a class="navbar-brand" href="/">日本公司</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="/">首页</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle active" href="#" id="businessDropdown" role="button" data-bs-toggle="dropdown">
                            业务服务
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="/business/study-abroad">留学服务</a></li>
                            <li><a class="dropdown-item active" href="/business/labor-dispatch">劳务派遣</a></li>
                            <li><a class="dropdown-item" href="/business/it-service">IT服务</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/articles">文章资讯</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/about">关于我们</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/contact">联系我们</a>
                    </li>
                </ul>
                <div class="d-flex">
                    <a href="/admin/login" class="btn btn-outline-light me-2">登录</a>
                    <a href="/admin/register" class="btn btn-primary">注册</a>
                </div>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <main class="main-content">
        <!-- 服务头部 -->
        <section class="service-hero" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
            <div class="container">
                <h1>专业劳务派遣服务</h1>
                <p>连接优秀人才与日本企业，实现双赢发展</p>
            </div>
        </section>

        <!-- 服务优势 -->
        <section class="py-5">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center mb-5">
                        <h2>服务优势</h2>
                        <p class="lead">我们提供专业、可靠的劳务派遣服务</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 mb-4">
                        <div class="text-center">
                            <div class="service-icon mb-3">
                                <i class="bi bi-building" style="font-size: 3rem; color: var(--primary-color);"></i>
                            </div>
                            <h5>优质企业</h5>
                            <p>与日本多家知名企业建立长期合作关系</p>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4">
                        <div class="text-center">
                            <div class="service-icon mb-3">
                                <i class="bi bi-person-check" style="font-size: 3rem; color: var(--primary-color);"></i>
                            </div>
                            <h5>严格筛选</h5>
                            <p>对求职者进行严格的背景调查和能力评估</p>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4">
                        <div class="text-center">
                            <div class="service-icon mb-3">
                                <i class="bi bi-shield-check" style="font-size: 3rem; color: var(--primary-color);"></i>
                            </div>
                            <h5>合法合规</h5>
                            <p>严格遵守日本劳动法规，保障双方权益</p>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4">
                        <div class="text-center">
                            <div class="service-icon mb-3">
                                <i class="bi bi-headset" style="font-size: 3rem; color: var(--primary-color);"></i>
                            </div>
                            <h5>全程服务</h5>
                            <p>提供从招聘到入职的全程跟踪服务</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 热门职位 -->
        <section class="py-5 bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center mb-5">
                        <h2>热门职位</h2>
                        <p class="lead">精选优质职位，总有一个适合您</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 mb-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h5 class="card-title">软件工程师</h5>
                                <p class="card-text">
                                    <i class="bi bi-geo-alt"></i> 东京都<br>
                                    <i class="bi bi-currency-yen"></i> 月薪 30-50万日元<br>
                                    <i class="bi bi-building"></i> IT企业
                                </p>
                                <p class="card-text">要求：3年以上Java开发经验，日语N2以上水平</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <small class="text-muted">发布时间：2024-01-15</small>
                                    <a href="#" class="btn btn-primary btn-sm">申请职位</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h5 class="card-title">机械设计师</h5>
                                <p class="card-text">
                                    <i class="bi bi-geo-alt"></i> 大阪府<br>
                                    <i class="bi bi-currency-yen"></i> 月薪 25-40万日元<br>
                                    <i class="bi bi-building"></i> 制造业
                                </p>
                                <p class="card-text">要求：2年以上机械设计经验，熟练使用CAD软件</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <small class="text-muted">发布时间：2024-01-12</small>
                                    <a href="#" class="btn btn-primary btn-sm">申请职位</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h5 class="card-title">市场营销专员</h5>
                                <p class="card-text">
                                    <i class="bi bi-geo-alt"></i> 爱知县<br>
                                    <i class="bi bi-currency-yen"></i> 月薪 22-35万日元<br>
                                    <i class="bi bi-building"></i> 贸易公司
                                </p>
                                <p class="card-text">要求：市场营销相关经验，日语N1水平优先</p>
                                <div class="d-flex justify-content-between align-items-center">
                                    <small class="text-muted">发布时间：2024-01-10</small>
                                    <a href="#" class="btn btn-primary btn-sm">申请职位</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <a href="#" class="btn btn-outline-primary">查看更多职位</a>
                </div>
            </div>
        </section>

        <!-- 服务流程 -->
        <section class="py-5">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center mb-5">
                        <h2>服务流程</h2>
                        <p class="lead">标准化的服务流程，确保服务质量</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 mb-4">
                        <div class="text-center">
                            <div class="step-number mb-3">
                                <span class="badge bg-primary rounded-circle p-3" style="font-size: 1.2rem;">1</span>
                            </div>
                            <h6>需求沟通</h6>
                            <p>了解企业需求</p>
                        </div>
                    </div>
                    <div class="col-md-2 mb-4">
                        <div class="text-center">
                            <div class="step-number mb-3">
                                <span class="badge bg-primary rounded-circle p-3" style="font-size: 1.2rem;">2</span>
                            </div>
                            <h6>人才筛选</h6>
                            <p>严格筛选候选人</p>
                        </div>
                    </div>
                    <div class="col-md-2 mb-4">
                        <div class="text-center">
                            <div class="step-number mb-3">
                                <span class="badge bg-primary rounded-circle p-3" style="font-size: 1.2rem;">3</span>
                            </div>
                            <h6>面试安排</h6>
                            <p>安排面试面试</p>
                        </div>
                    </div>
                    <div class="col-md-2 mb-4">
                        <div class="text-center">
                            <div class="step-number mb-3">
                                <span class="badge bg-primary rounded-circle p-3" style="font-size: 1.2rem;">4</span>
                            </div>
                            <h6>背景调查</h6>
                            <p>进行背景调查</p>
                        </div>
                    </div>
                    <div class="col-md-2 mb-4">
                        <div class="text-center">
                            <div class="step-number mb-3">
                                <span class="badge bg-primary rounded-circle p-3" style="font-size: 1.2rem;">5</span>
                            </div>
                            <h6>签约入职</h6>
                            <p>办理签约手续</p>
                        </div>
                    </div>
                    <div class="col-md-2 mb-4">
                        <div class="text-center">
                            <div class="step-number mb-3">
                                <span class="badge bg-primary rounded-circle p-3" style="font-size: 1.2rem;">6</span>
                            </div>
                            <h6>跟踪服务</h6>
                            <p>后续跟踪服务</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 行业覆盖 -->
        <section class="py-5 bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center mb-5">
                        <h2>行业覆盖</h2>
                        <p class="lead">涵盖多个行业领域</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 mb-4">
                        <div class="card h-100 text-center">
                            <div class="card-body">
                                <i class="bi bi-laptop" style="font-size: 2.5rem; color: var(--primary-color);"></i>
                                <h5 class="card-title mt-3">IT/互联网</h5>
                                <p class="card-text">软件开发、系统集成、数据分析等</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4">
                        <div class="card h-100 text-center">
                            <div class="card-body">
                                <i class="bi bi-gear" style="font-size: 2.5rem; color: var(--primary-color);"></i>
                                <h5 class="card-title mt-3">制造业</h5>
                                <p class="card-text">机械设计、生产管理、质量控制等</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4">
                        <div class="card h-100 text-center">
                            <div class="card-body">
                                <i class="bi bi-cart3" style="font-size: 2.5rem; color: var(--primary-color);"></i>
                                <h5 class="card-title mt-3">贸易/销售</h5>
                                <p class="card-text">国际贸易、市场营销、客户服务等</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4">
                        <div class="card h-100 text-center">
                            <div class="card-body">
                                <i class="bi bi-briefcase" style="font-size: 2.5rem; color: var(--primary-color);"></i>
                                <h5 class="card-title mt-3">金融服务</h5>
                                <p class="card-text">会计、财务分析、投资顾问等</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 企业合作 -->
        <section class="py-5">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center mb-5">
                        <h2>企业合作</h2>
                        <p class="lead">与我们合作，获得优质人才资源</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <h4>为什么选择我们</h4>
                        <ul>
                            <li>丰富的人才资源库</li>
                            <li>专业的招聘团队</li>
                            <li>严格的质量控制</li>
                            <li>完善的服务体系</li>
                            <li>有竞争力的价格</li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <h4>合作流程</h4>
                        <ol>
                            <li>企业需求调研</li>
                            <li>制定招聘方案</li>
                            <li>发布招聘信息</li>
                            <li>筛选合适人才</li>
                            <li>安排面试面试</li>
                            <li>办理入职手续</li>
                        </ol>
                    </div>
                </div>
                <div class="text-center mt-4">
                    <a href="#" class="btn btn-primary">立即咨询</a>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer class="bg-dark text-light py-4 mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h5>关于我们</h5>
                    <p>专业的日本服务提供商，致力于为客户提供优质的留学、劳务派遣和IT服务。</p>
                </div>
                <div class="col-md-4">
                    <h5>快速链接</h5>
                    <ul class="list-unstyled">
                        <li><a href="/" class="text-light">首页</a></li>
                        <li><a href="/business/study-abroad" class="text-light">留学服务</a></li>
                        <li><a href="/business/labor-dispatch" class="text-light">劳务派遣</a></li>
                        <li><a href="/business/it-service" class="text-light">IT服务</a></li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <h5>联系我们</h5>
                    <p><i class="bi bi-telephone"></i> +81-XX-XXXX-XXXX</p>
                    <p><i class="bi bi-envelope"></i> hr@japan-company.com</p>
                    <p><i class="bi bi-geo-alt"></i> 日本东京都XX区XX町XX番地</p>
                </div>
            </div>
            <hr class="my-4">
            <div class="text-center">
                <p>&copy; 2024 日本公司. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/js/main.js"></script>
</body>
</html>